		<div class="ui-state-default ui-corner-all">
		<table>
			<tr>
				<td><a id="togglenewArea" toggleDivId="newArea"
					class="toggle ui-icon ui-icon-circle-triangle-e"></a></td>
				<td nowrap width="100%" id="title" class="title">Add City to </td>
			</tr>
		</table>
		<form model="area" id="addAreaForm">
		<table id="newArea">
		<tr>
			<td><label for="city">City</label></td>
			<td><input type="text" name="city" id="city" class="text ui-widget-content ui-corner-all" /></td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td><label for="area">Area</label></td>
			<td><input type="text" name="area" id="area" class="text ui-widget-content ui-corner-all" /></td>
			<td align= "right" nowrap><button id="addArea">Add</button>
		</tr>
		</table>		
		</form>
		</div>
	<br>
	<div id="areaPlaceHolder"></div>